<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        .p{
            width:300px;
            height: 400px;
            background-color: grey;
            /*
            溢出处理： overflow
            属性：   1.visible(默认值，显示溢出的部分)  2.hidden(隐藏溢出部分)
                    3.scroll(显示滚动条，无论是否溢出)  4.auto(显示滚动条，如果不溢出就不显示滚动条) 
            常用属性： hidden    auto
            */
            overflow:auto;
        }
    </style>
</head>

<body>
    <div class="p">Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium hic, accusamus similique illum vero nisi
        tempore laudantium praesentium sapiente molestias doloribus autem ad aliquam alias iure eaque nulla vel, totam
        tempora voluptatum aliquid! Tenetur at fugit impedit quia exercitationem, modi nemo dolorem sunt labore numquam
        quam vero quis similique voluptate culpa sit recusandae eius aliquam? Libero saepe, deserunt, voluptatibus natus
        velit quidem facilis ipsa ab cumque reprehenderit suscipit ipsum nostrum, magnam quasi blanditiis architecto
        accusantium cupiditate et fugit labore aliquid accusamus veritatis iusto pariatur? Illo quaerat placeat libero
        ipsum iste nam deleniti quia provident inventore aliquid at asperiores, numquam beatae?
    </div>
</body>

</html>